<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>反馈</title>
    <style>
        h1{
            color: #f9765d;
            font-size: 26px;
        }
        h4>span{
            display: inline-block;
            width: 25px;
            height: 25px;
            background-color: #999;
            line-height: 25px;
            text-align: center;
            border-radius: 50%;
            color: white;
        }
        .a{
            color: #999;
            font-size: 14px;
            text-indent: 3em;
        }
        .checkbox{
            width: 400px;
            height: 60px;
            color: white;
            background-color: #999999;
            line-height: 60px;
            border-radius: 6px;
        }
        .checkbox:hover{
            background-color: #0b62c4;
            color: #f9765d;
            border: 1px #f9765d;
        }
        button{
            background-color: #f9765d;
            border: none;
            color: white;
            width: 100px;
            height: 30px;
        }
        table{
            border-collapse: collapse;
            line-height: 40px;
        }
        textarea{
            width: 500px;
            height: 200px;
        }
    </style>
</head>
<body>
<h1>登录页面使用体验反馈</h1>
<p>亲～您对“登录页面”有任何建议，或使用中遇到任何问题，都可以在本页面反馈。<br />
    以帮助我们提供给您更优质、更贴心的服务！</p>
<p>
<h4><span>1</span> 基于您对登录页面的使用体验，总体来说，您对登录页面的满意程度如何？</h4>
    <p class="a">数字越大，代表越满意，1=非常不满意，5=非常满意</p>
    <input name="p" type="radio" />非常满意
    <input name="p" type="radio" />满意
    <input name="p" type="radio" />不满意
    <input name="p" type="radio" />非常不满意
    <input name="p" type="radio" />建议关闭
</p>
<p>
    <h4><span>2</span> 您认为登录页面，有哪些需要改善的地方？</h4>
    <textarea placeholder="说！" class="b"></textarea>
</p>
<p>
    <h4><span>3</span> 您更倾向使用哪种登录方式？(限选 2 项)</h4>
    <p class="checkbox"><input type="checkbox" />账号密码登录</p>
    <p class="checkbox"><input type="checkbox" />扫码登录</p>
    <p class="checkbox"><input type="checkbox" />旺旺快速登录</p>
    <p class="checkbox"><input type="checkbox" />手机淘宝消息确认登陆</p>
    <p class="checkbox"><input type="checkbox" />其他</p>
</p>
<p>
    <h4><span>4</span> 针对以下登录页面的体验，您的满意程度是？</h4>
    <table border="1">
        <tr>
            <td>广告背景图</td>
            <td>
                <input name="b" type="radio" />非常满意
                <input name="b" type="radio" />满意
                <input name="b" type="radio" />不满意
                <input name="b" type="radio" />非常不满意
                <input name="b" type="radio" />建议关闭
            </td>
        </tr>
        <tr>
            <td>手机扫码登录</td>
            <td>
                <input name="a" type="radio" />非常满意
                <input name="a" type="radio" />满意
                <input name="a" type="radio" />不满意
                <input name="a" type="radio" />非常不满意
                <input name="a" type="radio" />建议关闭
            </td>
        </tr>
        <tr>
            <td>滑块验证</td>
            <td>
                <input name="c" type="radio" />非常满意
                <input name="c" type="radio" />满意
                <input name="c" type="radio" />不满意
                <input name="c" type="radio" />非常不满意
                <input name="c" type="radio" />建议关闭
            </td>
        </tr>
    </table>
</p>
<p>
    <h4><span>5</span> 针对广告背景图、手机扫码登录、滑块验证，您有哪些不满意的地方吗？</h4>
    <textarea placeholder="说！"></textarea>
</p>
<p>
    <h4><span>6</span> 您常用的联系方式是？</h4>
    <p class="a">旺旺ID，手机号或电子邮件都可以</p>
    <input placeholder="说！" />
</p>
<button>提交</button>
</body>
</html>


















